﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>无线点餐平台</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="/front/style/js/jquery.js"></script>
    <script type="text/javascript" src="/front/style/js/page_common.js"></script>
    <link href="/front/style/css/common_style_blue.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="/front/style/css/index_1.css"/>
    <link href="/front/style/css/index.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="/front/style/css/dis_message.css"/>
	<script type="text/javascript">
		function gopage(num) {
			var f=document.getElementById("ff");
			f.action="/menu_ui/[[${session.desk.id}]]/"+num;
			f.submit();
		}

		function chooseType(type_id) {
			document.getElementById("type_id").value=type_id;
			gopage(1);
		}
	</script>
</head>
<body style="text-align: center">
	<form action="/menu_ui/${desk.id}/0/1" method="post" id="ff">
		<input type="hidden" name="type_id" id="type_id" th:value="${type_id}"/>
	</form>
<div id="all">
    <!--左边菜品详细信息 -->
    <div id="menu1">
        <div class="menu2" style="text-align:center;">
            <img src="/front/style/images/order_detials_bg.png"/>
        </div>
        <div class="menu3">
            <div class="menu3_left">
                <img th:src="|/upload/${food.photo}|" style="width:270px; height:290px;"/>
            </div>
            <div class="menu3_right">
                <p>菜名:[[${food.title}]]</p>
                <p>价格:&nbsp;[[${food.price}]]</p>
                <p>简介:[[${food.description}]]</p>
            </div>
        </div>
        <div class="menu4">

            <a th:href="|/cart_add/${food.id}|" style="background:url(style/images/img/order_left_corner_bg.png);">放入餐车</a>
            <a href="#" onclick="javascript:history.go(-1);"
               style="background:url(style/images/img/order_right_corner_bg.png);">返回</a>
        </div>
    </div>

	<!-- 右边菜系列表，菜品搜索框  -->
	<div id="dish_class">
		<div id="dish_top">
			<ul>
				<li class="dish_num"></li>
				<li>
					<a href="/my_carts">
						<img src="/front/style/images/call2.gif" />
					</a>
				</li>
			</ul>
		</div>

		<div id="dish_2">
			<ul>
				<li th:each="type:${foodTypes}">
					<a th:href="|javascript:chooseType(${type.id});|" th:text="${type.name}">粤菜</a>
				</li>
			</ul>
		</div>
		<div id="dish_3">
			<!-- 搜索菜品表单  -->
			<form action="#" method="post">
				<table width="166px">
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>

						</td>
					</tr>
					<tr>
						<td>
							<span style="color: red;font-weight: bold" th:text="|${session.desk.name}餐桌|"></span>
							<a href="#">
								<img src="/front/style/images/look.gif" />
							</a>
						</td>
					</tr>
				</table>
			</form>
		</div>

</div>
</div>
</body>
</html>
